<script setup>
/*
vue2
  父传子
      <子组件标签 :属性名="父组件属性" />
      子组件内
         props:{
            属性名:{
              type:类型,
              required:是否必传
              default:默认值
              validator:(value)=>{
                对值做校验
                return boolean
              }
            }
         }

   子传父
       <子组件标签 @方法名='父组件方法' />
       子组件内：
          this.$emit('方法名',实参)

vue3
   父传子
       <子组件标签 :属性名="父组件属性" />
       子组件内：
          const props=defineProps({
            属性名:{
              type:类型,
              required:是否必传
              default:默认值
              validator:(value)=>{
                对值做校验
                return boolean
              }
            }
          })

          js:props.属性名
          html:属性名

    子传父
        <子组件标签 @方法名='父组件方法' />
        子组件内：
          const emits=defineEmits(['方法名'])
          emits('方法名',实参值)

*/
import { ref } from 'vue'
import HmSonA from './components/HmSonA.vue'
const num = ref(0)
const setNum = val => {
  num.value = val
}
</script>

<template>
  <div class="app-page">app</div>
  <HmSonA :num="num" @sonSetNum="setNum"></HmSonA>
</template>

<style lang="scss" scoped></style>
